/* CSS Document */
*{margin:0; padding:0; font-size:13px;font-family:"Microsoft YaHei",STHeiti,"Hiragino Sans GB","WenQuanYi Micro Hei","Heiti SC",NSimSun,SimSun, Arial, Helvetica, sans-serif;}
a{ font-size:13px;text-decoration:none; color:#555555;}
a:hover{color:#b50824;}

/********************top*****************************/

.top1{ width:100%; min-width:1000px;background-color:rgba(255, 255, 255, 0.72);height:100px; z-index: 0;}
.top2{ width:990px; margin:0 auto; margin-top:8px;}
.logo1{ width:210px;float:left; }
.nav{float:left;width:780px;}
.nav1{ width:780px; overflow:hidden;}
.nav_top{width:780px; height: 60px; color: #0256ac;}
.nav3{ width:95px; line-height:30px; float:left; list-style-type:none;}
.nav3 a{ color: #000; font-size:15px; font-weight:bolder; text-align:center; display:block;}
.nav3 a:hover{ color: #F00;}
.nav3:hover div{ display:block;background-color:rgba(37, 37, 37, 0.72); position:absolute; z-index: 99; opacity: 0.8;  }
.nav_list1{ width:120px;  display:none; }
.nav_list1 a{ width:120px; display:block; color: #FFF;  opacity: 1;}

/*********公共部分***********/
.mid{ width:990px; margin:0 auto; overflow:hidden;}
.mid_left2{ width:200px;float:left;}
.mid_right2{ width:775px; float:right; margin-left:10px;}
.cltit{ width:100%; padding-left:10px; color:#FFF;font-size:14px; font-weight:900;background:#0256ac; line-height:50px; border-radius:3px;}
.openmenu{ width:20px; height:19px; margin-top:10px; display:inline-block; float:left; margin-right:10px; background:url(/Home/View/blue/css/images/close.png);}
.otbanner img{ width:100%;}

/************非index页面左边*****************/

.lefttitle{ width:190px; height:40px; padding-left:10px; line-height:40px; background:#5aabdf; border-radius:5px; margin-top:15px; }
.lefttitle a{color:#FFF;font-size:16px; font-weight:bolder;}
.lefth1{ width:200px;}
.lefth1 a{ display:block; width:170px; margin:0 auto; padding-left:10px;line-height:35px; font-size:14px; background:url(/Home/View/blue/css/images/item_1.jpg) left no-repeat;}
.lefth1 li{ color:#09F;width:200px; line-height:35px; list-style:none;border-bottom:1px dashed #CCCCCC; }


/*********公共翻页***********/
.turnpage{ width:740px; margin:15px auto; text-align:center;}
.turnpage a{ padding:3px; background: #EDEBEB; border:1px solid #999; margin-left:5px; display:inline-block; }
.turnpage a:hover{ background:#b00001; color:#FFF;}
.turnpage strong{ color:#F00;}


/**************************index***************************/
.mid1{ width:990px; margin:20px auto; overflow: hidden;}
.mid_left1{ width:700px; float:left;}
.mid_right1{ width:270px; margin-left:20px; float:left;}
.index_news1{width:100%;}
.index_news2{ width:100%;height:35px; border-bottom:1px solid #CCC;}
.index_news2 span{ font-size:18px; line-height:35px; font-weight:bolder; color:#090; float:left;}
.index_news2 a{ color:#4DAAF7;float:right; line-height:35px;}
.index_news3{ overflow:hidden;}
.index_news4{ width:680px;overflow:hidden;margin-top:15px;}
.index_news4 li{ float:left; width:300px; margin-left:40px; color:#F90;}
.index_news4 li a{ line-height:27px;}
.index_newtit1{ width:180px; float:left;}
.index_newtit1 img{ width:170px; margin:5px;}
.index_newtit2{ width:500px; margin-top:15px; float:right; line-height:25px;}
.index_about1{ width:330px; float:left;}
.index_about1 li{ list-style-type:none;}
.index_culture1{ width:330px; float:left; margin-left:40px;}
.index_culture1 li{list-style-type:none;}
.index_about2,.index_culture2{ width:100%;height:35px; margin-top:30px;border-bottom:1px solid #CCC;list-style-type:none;}
.index_about2 span,.index_culture2 span{ font-size:18px; line-height:35px; font-weight:bolder; color:red; float:left;}
.index_about2 a,.index_culture2 a{ color:#4DAAF7;float:right; line-height:35px;}
.index_abouttit1{ width:140px; float:left;}
.index_abouttit1 img{ width:140px; height:140px; margin:10px 10px 0 0;}
.index_abouttit2{ width:175px; margin-top:13px; float:right; line-height:25px;}
.index_img2{margin-bottom:10px;}
.index_img3{margin-bottom:10px;}
.index_img4{margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #CCC;}
.index_img5{margin-bottom:10px;}
.more{ color:#03F;}
/*************************************************/


.hyyidong{width:1330px; overflow:hidden; border-bottom:1px solid #CCC; margin:5px auto 10px auto;}
.hyyidong span{ line-height:50px; color:#999; display:inline-block; font-size:16px; font-weight: bolder;}
.hyyidong a{width:36px; height:50px; margin-right:10px; background:url(/Home/View/huihong/images/cont.gif) center center no-repeat; float:right;}


/****about.html****/
.abt{ padding:0;text-align:center;}
.mintitle{ width:95%; line-height:40px; border-bottom:1px dashed #CCCCCC; text-align:center; margin:15px auto; font-size:16px; }

/*******文章公共部分********/
.timebg{ width:52px; height:57px; background:url(/Home/View/blue/css/images/news_date.jpg) no-repeat; display:inline-block; margin-right:20px;}
.timebg i{ width:100%;height:17px; text-align:center; font-style:normal; color:#FFF; padding-top:12px; font-size:10px; display:block;}
.timebg p{ font-size:20px !important;  font-weight:bolder; color:#000 !important; text-align:center;}
.textli{ width:100%;}
.textli li{ list-style-type:none;padding:30px 10px;border-bottom:1px solid #CCC; overflow:hidden; }
.arttmid{width:600px;}
.arttmid a{ font-size:14px;}
.textli li span{ float:left;}
.textli li span a{font-size:14px; font-weight:bolder;}
.textli li span a:hover{ text-decoration:underline;}
.textli li span>p{ font-size:12px; color:#999; }
.artmore a{ display: inline-block; width:20px; height:20px; margin-left:20px;}
.artdetail1{ width:100%}
.artdetail1 h1{ font-size:18px; font-weight:bolder; text-align:center; margin:20px auto;}
.artdetail1 span{ width:100%; display:block; line-height:30px; text-align:center; background:#f0f0f0; margin:15px auto 25px auto; border-bottom:1px dashed #999999;}


/************artdetail.html*****************/
.artdetail1{ width:100%}
.artdetail1 h1{ font-size:18px; font-weight:bolder; text-align:center; margin:20px auto;}
.artdetail1 span{ width:100%; display:block; line-height:30px; text-align:center; background:#f0f0f0; margin:15px auto 25px auto; border-bottom:1px dashed #999999;}
.artText{ width:98%; margin:0 auto;}

/************goods.html*****************/
.productul{ width:740px; margin:15px auto;overflow:hidden;}
.productli{ width:235px; height:267px; float:left; list-style-type:none; margin:25px 0 0 10px;}
.productli div{ width:230px; height:230px; border:1px solid #CCC; padding:2px;}
.productli div img{ max-width:224px; max-height:224px;}
.productli a{ display:block; width:230px;text-align:center;}
.productli a:hover{ color:#F03; text-decoration:underline;}
.productli:hover div{ border:1px solid blue;}

/*********goodetail.html*******/
.Gimg{ border:7px solid #CCC; margin:40px auto; max-width:400px; max-height:400px;}
.Gimg li{ width:100%; height:100%; border:1px solid #999; list-style-type:none;}
.jianjie{ width:100%; margin:40px auto; border-bottom:1px solid #064298;}
.jianjie span{ width:100px; text-align:center; line-height:40px; background:#064298; display:block; color:#FFF; font-size:14px; font-weight:bolder;}


/********contact.html***********/
.crtit{ width:100%; line-height:50px; font-size:20px; color:#cb0900; padding-left:20px; font-weight:bolder; list-style-type:none; border-bottom:1px solid #CCC;}
.cont1{ font-size:16px; color: #999; margin:40px auto 20px auto; width:98%; border-bottom:1px solid #CCC;}
.cont1 span{ font-size:40px; color:#CCC;}
.cont2{ font-size:20px;   padding-left:50px;}
.cont2 table{border-collapse: collapse;}
.cont2 table td{border-bottom:1px solid #ccc; padding:15px;border-left:0; border-right:0; font-size:14px; color:rgb(160, 158, 158);}
.cont3{ padding-left:40px; height:172px; overflow:hidden;}
.cont3 li{ float:left; list-style-type:none;}
.cont3bg{ width:420px; height:172px; background:url(/Home/View/blue/images/contact_bg.jpg) center center no-repeat;}
.cont3bg table{ margin-top:25px; margin-left:15px;}
.cont3bg table td{ line-height:20px; font-size:14px;}
#l-map{height:500px;width:740px; margin:8px auto; padding:0; border:1px solid #999;}


/********sucesscase.html***********/

.sucase1{ float:left; width:330px;  margin:10px 0 10px 25px; height:264px;}
.sucase1 li{ list-style-type:none; width:330px;}
.sucase1 li img{width:330px;}
.sucase1 a{ display:block; width:330px; height:50px; text-align:center; line-height:50px; font-size:14px; }
.sucase1:hover a{background:#2fafbc; color:#FFF;}


/**************产品左右移动**********************************************/
/****头部******/
.xy_cpgd{ width:1018px; height:28px; margin:10px auto 10px auto; overflow:hidden; border-bottom:1px solid #CCC; }
#xy_cpgd_l{ height:28px; margin:0;padding-left:0; float:left;}
#xy_cpgd_l img{ margin-top:6px;}
#xy_cpgd_r{ height:28px;margin:0;float:right; }
#xy_cpgd_r img{ margin-top:11px;}
.marqueeleft{height:290px;width:1330px;overflow:hidden;margin:0 auto;}
.marqueeleft ul{float:left; padding-left:0;}
.marqueeleft li{ width:210px; height:260px; float:left; margin:0 0 0 15px ; list-style-type:none;}
.marqueeleft li>a{ display:block; width:210px; height:210px;  border:1px solid #999;}
.marqueeleft li>a>img{ margin:2px 2px; max-width:204px; max-height:204px;}
.marqueeleft li>a:hover{ border:1px solid #131FFD;}
.marqueeleft li>div{ width:210px; margin:5px auto 0 auto; text-align:center;}
.marqueeleft li>div>a{ font-size:13px; color:#000;}
.marqueeleft li>div>a:hover{ color: #FF6060; text-decoration:underline;}

.marqueeleft2{width:1330px;overflow:hidden;margin:30px auto 60px auto;}
.marqueeleft2 ul{float:left; padding-left:0;}
.marqueeleft2 li{ width:186px; height:249px; float:left; margin:0 0 0 25px ; list-style-type:none;}
.marqueeleft2 li>a{ display:block; width:185px; height:248px;  border:1px solid #999;}
.marqueeleft2 li>a>img{ margin:2px 2px; max-height:241px; max-width:178px;}
.marqueeleft2 li>a:hover{ border:1px solid #131FFD;}
.marqueeleft2 li>div{ width:178px; margin:5px auto 0 auto; text-align:center;}
.marqueeleft2 li>div>a{ font-size:13px; color:#000;}
.marqueeleft2 li>div>a:hover{ color:#0153b6 ; text-decoration:underline;}




/************************ foot *************************/
.footer1{ width:100%;min-width:1000px;  height:190px; background:#515050;}
.footer1 div{ width:1000px; margin:0 auto; padding:0;}
.footer1 div ul{ width:120px; min-height:30px;float:left; }
.footer1 div ul li{list-style-type:none; line-height:22px;text-align:center;}
.footer1 div ul li a{ color: #999; font-size:12px;}
.footer1 div ul li a:hover{ color:#FFF;}
#foot_logo{ width:160px; height:190px; margin:0; padding:0; float:left; background:url(/Home/View/blue/css/images/foot_logo.png) no-repeat center center;}
#ftit{ margin:10px 0; list-style-type:none; text-align:center;}
#ftit a{ color:#FFF; font-size:15px;font-weight: bolder;}
.footer2{ width:100%;min-width:1000px;  height:60px; background:#2a2a2a; border-bottom:5px solid #1c1c1c;}
.footer2 ul{ width:1000px; margin:0 auto;padding:0;line-height:60px; color: #CCC; font-size:14px;}
.footer2 ul a,.footer2 ul span{ color:#FFF;}
.footer2 ul a:hover{ color: rgb(219, 215, 214);}
